.Statistics {
  width: 100%;
  margin: 10px 0 40px;
  min-height: 150px;
  flex-direction: column;

  .graph {
    display: flex;
    margin-bottom: 40px;

    li {
      display: flex;
      border: 1px solid transparent;
      cursor: pointer;
      min-height: 90px;
      background: transparent;
      text-align: left;
      font-size: 14px;
      color: #666;
      position: relative;
      box-shadow: 0 2px 0 rgba(225, 225, 225, .2);
      margin: 0 100px 0 0;

      &:not(:first-child) {
        margin-left: -1px;
      }

      .Polygon {
        width: 100%;
        height: 60px;
        align-self: flex-end;
        margin-left: 80px;

        svg {
          &:not(:root) {
            overflow: hidden;
          }
        }
      }

      .desc {
        position: absolute;
        padding: 10px 10px 0;
        display: flex;
        flex-direction: column;

        .title {
          display: block;
          font-size: 14px;
          color: #666;
        }

        .subtitle {
          font-size: 12px;
          line-height: 12px;
          color: #999;
          padding: 6px 0 2px;
        }

        .quantity {
          font-size: 30px;
          color: #1890ff;
          line-height: 34px;
          font-weight: 500;
        }
      }
    }
  }
}
